<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="__ADDON__/xnr/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="__ADDON__/xnr/css/public.css" />
    <link rel="stylesheet" href="__ADDON__/xnr/css/style.css" />
    <script src="__ADDON__/xnr/js/jquery-2.1.1.min.js"></script>
    <script src="__ADDON__/xnr/js/swiper-bundle.min.js"></script>
    <script src="__ADDON__/xnr/js/public.js"></script>
    <script src="__ADDON__/xnr/js/script.js"></script>
    <title>{cms:config name="cms.title"/}-{$site.name}</title>
    <meta name="keywords" content="{$config.keywords}" />
    <meta name="description" content="{$config.description}" />
    <style>
      .header_bg {
        background: #12257c;
        height: 60px;
        line-height: 60px;
      }
      .header_bg .middle {
        height: 60px;
      }
      .loadmore-nodata {
        text-align: center;
        font-size: 18px;
        color: #817e7e;
      }

      .navhide {
        position: absolute;
        width: 120px;
        background: #fff;
        display: none;
        box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
        left: -28px;
        border-radius: 0 0 3px 3px;
        overflow: hidden;
      }
      .list:hover .navhide {
        display: block;
      }
      .hedaer .nav .nav_list .list a {
        color: #fff;
      }
      .hedaer .nav .nav_list .list.active a {
        color: #64b5f6;
      }
      .hedaer .nav .nav_list .list a:hover {
        color: #64b5f6;
      }
      .hedaer .nav .nav_list .list.active .aa::after {
        height: 3px;
        margin-top: -3px;
        background: #64b5f6;
      }
      .hedaer .nav .nav_list .list .navhide a {
        line-height: 40px;
        font-size: 14px;
        color: #fff;
        background: #12257c;
        border-bottom: 1px solid #929090;
      }
      .hedaer .nav .nav_list .list .navhide a:last-of-type {
        border-bottom: 0px;
      }
      .hedaer .nav .nav_list .list .navhide a:hover {
        color: #64b5f6;
      }
      @media only screen and (min-width: 768px) {
        .public_banner .img img {
          height: 350px !important;
        }
        .container {
          height: calc(100vh - 60px);
          margin-top: 60px;
        }
      }
      @media only screen and (max-width: 768px) {
        .container {
          height: 100vh;
        }
      }
      /* 搜索 */
      .hedaer .nav .search {
        width: 200px;
        height: 26px;
        line-height: 26px;
      }
      .hedaer .nav .search input {
        height: 24px;
        line-height: 24px;
      }
      .hedaer .nav .search .search_img {
        cursor: pointer;
        width: 38px;
      }
      .hedaer .nav .search .search_img img {
        width: 16px;
        height: 16px;
      }
      .hedaer .nav .search .search_img img:hover {
        width: 18px;
        height: 18px;
      }
      .footer_bg {
        padding-top: 50px;
        padding-bottom: 1px;
        background: none;
        background-color: #2a2a2a;
      }
    </style>
  </head>

  <body>
    <div class="header_bg">
      <div class="hedaer disflex flex_lmr w1300">
        <div class="logo">
          <a href="/"
            ><img src="__ADDON__/xnr/image/logo.png" class="middle" alt=""
          /></a>
        </div>
        <div class="nav disflex flex_lmr flex_center">
          <div class="nav_list flex_lmr disflex">
            <div class="list {if $__CHANNEL__.id==''} active {/if}">
              <a class="aa" href="/">首页</a>
            </div>
            {cms:channellist id="nav" type="top" condition="1=isnav"}
            <div class="list {if $nav->is_active} active {/if}">
              <a href="{$nav.url}" class="aa">{$nav.name}</a>
              {if $nav.has_child}
              <div class="navhide">
                {cms:channellist id="sub" type="son" typeid="nav['id']"
                condition="1=isnav"}
                <a href="{$sub.url}">{$sub.name}</a>
                {/cms:channellist}
              </div>
              {else} {/if}
            </div>

            {/cms:channellist}
          </div>
          <div class="search disflex flex_center">
            <form
              action="{:addon_url('cms/search/index')}"
              method="get"
              id="searchs"
            >
              {:token('__searchtoken__')}

              <input type="text" name="q" id="searchinput" value="" />
            </form>
            <div class="search_img">
              <img src="__ADDON__/xnr/image/search.png" class="middle" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--手机导航栏-->
    <div class="head_wap">
      <div class="whead clearfix">
        <a href="/" class="wlogo fl"
          ><img src="__ADDON__/xnr/image/logo_1.png"
        /></a>
        <i></i>
      </div>
      <div class="wpnvbg"></div>
      <div class="wapnav">
        <div class="wapnavtop">
          <a href="/" class="waphdlg"
            ><img src="__ADDON__/xnr/image/logo_1.png"
          /></a>
          <i></i>
        </div>
        <div class="wapnava clearfix">
          <span><a href="/" class="wapprda">首页</a></span>
          {cms:channellist id="nav" type="top" condition="1=isnav"}
          <span><a href="{$nav.url}" class="wapprda">{$nav.name}</a></span>
          {/cms:channellist}
          <div class="search disflex flex_center">
            <input type="text" />
            <div class="search_img">
              <img src="__ADDON__/xnr/image/search.png" class="middle" alt="" />
            </div>
          </div>
        </div>
      </div>
      <div class="waphd_height"></div>
    </div>

    <div class="container" id="layout_container">
      {__CONTENT__}

      <div class="footer_bg">
        <div class="footer w1300 disflex flex_lmr">
          <div class="logo">
            <a href="/"
              ><img
                src="__ADDON__/xnr/image/logo.png"
                style="width: 200px"
                class="middle"
                alt=""
            /></a>
          </div>
          <div class="message">
            <div class="list">销售联系</div>
            <div class="list">
              <img
                src="__ADDON__/xnr/image/icon_1.png"
                class="middle"
                alt=""
              />服务电话:18068286169
            </div>
            <div class="list">
              <img
                src="__ADDON__/xnr/image/icon_2.png"
                class="middle"
                alt=""
              />服务邮箱: support@inuorui.com
            </div>
          </div>
          <div class="message">
            <div class="list">技术支持</div>
            <div class="list">
              <img
                src="__ADDON__/xnr/image/icon_1.png"
                class="middle"
                alt=""
              />服务电话:15052136580
            </div>
            <div class="list">
              <img
                src="__ADDON__/xnr/image/icon_2.png"
                class="middle"
                alt=""
              />服务邮箱: support@inuorui.com
            </div>
          </div>
          <div class="code">
            <div class="img">
              <img
                src="__ADDON__/xnr/image/code_1.jpg"
                style="width: 90px"
                class="middle"
                alt=""
              />
            </div>
            <div class="text">扫一扫 关注官方公众号</div>
          </div>
        </div>
        <div class="records">
          Copyright@2023 浙江欣挪瑞海洋科技有限公司
          <a
            href="https://beian.miit.gov.cn/"
            target="_blank"
            style="color: #f5f5f5"
          >
            浙ICP备2021036007号-1
          </a>
        </div>
      </div>
    </div>
    <!-- 右侧导航 -->

    <script>
      $(".search_img").click(function () {
        $("#searchs").submit();
      });
    </script>
  </body>
</html>
